@charset "utf-8";
/* CSS Document */
#header{
    width:80%;
	height:25px;
/*	background-color:#dbdbdb; */
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
}
#geoLounge{
    width:150px;
	float:left;
	border-left:4px solid #ffffff;
}

#nav li{
    float:right;
	list-style:none;	
	background-color:#dbdbdb;
	height:22px;
}
#nav li a:hover{
    text-decoration:underline;
}

#nav li a{
    color:#0073b1;
	text-decoration:none;
	display:block;
	width:auto;
	height:12px;
	text-align:center;
	margin-top:3px;
	margin-right:10px;
	margin-left:10px;
}
#nav li a#current{
    color:#000000;
	font-weight:bold;
}
#nav li a#current:hover{
    text-decoration:none;
}
#search{
    margin-top:10px;
	margin-left:130px;
	clear:left;
}
#textInput{
    width:30%;
}
#container{
	width:1250px;
}
#right{
    width:20%;
	height:30%;
	margin-top:10px;
	margin-left:0px;
    float:left;
}
#prove{
	width:15%;
	height:70%;
	margin-top:10px;
	margin-left:30px;
	clear:left;   
}
#remark{
	height:10%;
	margin-top:10px;
	margin-left:35px;
	clear:left;
	float:left;
}
#left{
    width:55%;
	float:left;
	border-right:1px solid #dbdbdb;
	padding-left:0px;
	padding-right:30px;
	margin-left:130px;
	margin-top:0px;
}
#logo2{border:0px;margin-left:20px;}

#pic{
    width:310px;
	height:310px;
	border:2px dashed #dbdbdb;
	padding:0px 2px 2px 2px;
    float:left;
}

#chinese{
    width:35%;
	height:200px;
	float:left;
	margin-left:30px;
	margin-bottom:30px;
	overflow-y:scroll;
	overflow:auto;
}
#english{
    width:35%;
	height:200px;
	float:left;
	margin-left:30px;
	margin-bottom:30px;
	overflow-y:scroll;
	overflow:auto;
}
#pic2, #pic3{
    width:25%;
	height:200px;
	border:2px dashed #dbdbdb;
	margin:20px 30px 30px 0px;
    clear:left;
	float:left;
}
#traMethod{
    width:35%;
	height:450px;
	float:left;
	margin-top:10px;
	margin-left:30px;
	margin-bottom:30px;
	overflow-y:scroll;
	overflow:auto;
}
#usingM{
    width:400px;
	height:450px;
	clear:left;
	float:left;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:30px;
	overflow-y:scroll;
	overflow:auto;	
}
#geogebra{
    float:left;
	width:60%;
}
#instruction1{
    float:left;
	width:300px;
}
#instructionList1{
    float:left;
	width:300px;
}
#blanc{
    float:left;
    clear:left;
	width:80%;
	margin-left:130px;
    height:10px;
	border-bottom:1px dotted #dbdbdb;
}
#footer{
    float:right;
    margin-right:100px;
	height:12px;
}
#footer li{
    float:left;
	list-style:none;
	margin:7px;
}
#footer li a{
    color:#0073b1;
	height:auto;
	display:block;
	margin-right:15px;
}
#category{
 margin-left:20px;

}
#cc{
   margin-bottom:20px;
}
#cs{
   margin-bottom:20px;
}
#cse{
   margin-bottom:20px;
}

.STYLE1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
ptitle{font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
h2{font-family: Arial, Helvetica, sans-serif; font-size: 25px; border-bottom:2px solid #dbdbdb; }
h3{font-family: Arial, Helvetica, sans-serif; font-size: 20px; border-bottom:2px dotted #dbdbdb; text-indent:2px; }
